 <!--组件一-->
<script lang="ts" setup>
import Userole from "./Views/UserRole.vue"
import { useRouter } from "vue-router"
//import { ref } from "vue"
/*
<!---->
function isuserlist(o){
  if(o==0)
    return false;
  else
    return true;
}*/
function MainRUL(o:any) {
  let router = useRouter();
  if (o == 1) {
    router.push("");
  }
  else if (o == 1) {
    router.push("/listinvest");
  } else if (o == 2) {
    router.push("");
  } else if (o == 3) {
    router.push("");
  }
  else {

  }

}



/*
第一个问题 我怎么获取 userrole传过来的值                    重点： 组件传值  props
第二个问题 我是管理员 我应该可以看到那些导航                 重点： 组件判断   
第三个问题 我是管理员 如果我登录了 我再次登录是否会有提醒     重点： 组件状态
*/
</script>


<template>
  <!--BEGIN HEADER-->
  <div class="pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed head-menu">
    <a href="#" class="pure-menu-heading">
      <h3>欢迎！{{  }}</h3>
    </a>
    <ul>
      <li class="pure-menu-selected"><a href="#" @click="">主页</a></li>
      <li><a href="#" @click="MainRUL(1)">投资</a></li>
      <li><a href="#" @click="MainRUL(2)">标签页</a></li>
      <li><a href="#" @click="MainRUL(3)">标签页</a></li>
      <li><a href="#" @click="MainRUL(4)">标签页</a></li>
    </ul>
    <div class="head-menu-info">
      <!--欢迎组件-->
      <Userole />
    </div>
  </div>
  <!--END HEADER-->
  <div class="pure-g content" style="width: 800px;height: 100%;">
    <div class="main" style="width: 100%;">
      <div class="panel panel-default" style="letter-spacing:0">
        <RouterView></RouterView>
      </div>
    </div>
  </div>
  <!--BEGIN FOOT-->
  <div class="pure-g copyright">
    <div class="pure-u-1"> 2110B 所有 </div>
  </div>
  <!--END FOOT-->
</template>


<style src="../src/assets/DomCss/css/pure-nr-min.css"></style>
<style src="../src/assets/DomCss/css/main.css"></style>
<style src="../src/assets/DomCss/css/admin.css"></style>
<style src="../src/assets/DomCss/css/fontAwesome/font-awesome.css"></style>
<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}</style>
